<template>
  <div>
    <el-header height="200px">
      <div class="infoShow">
        <infoleft></infoleft>
        <div class="infoRight">
          <div>
            <div class="myCourse">
              <div>我的课程</div>
              <div class="myCourseNum">{{this.$store.state.courses.length}}</div>
            </div>
            <div class="myCourse">
              <div>正在学习</div>
              <div class="myCourseNum">{{this.$store.state.courseings.length}}</div>
            </div>
            <div class="myCourse">
              <div>我的关注</div>
              <div class="myCourseNum">15</div>
            </div>
            <div class="myCourse">
              <div>平均等级</div>
              <div class="myCourseNum">B</div>
            </div>
          </div>
        </div>
      </div>
    </el-header>
  </div>
</template>
<script>
import infoleft from "./studentinfoleft";
import router from "@/router";

export default {
  name: "studentinforightcourse",
  components:{
    'infoleft':infoleft,
  },
}
</script>

<style scoped>
@import "../../assets/css/student.css";
</style>
